<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/swiper-bundle.css">
</head>

<body>
    <div class="nav clearfix">
        <div class="common">
            <p>1件包邮</p>
            <ul>
                <li><a href="./login.html">亲，请登录</a></li>
                <li><a href="./zhuche.html">免费注册</a></li>
                <li><a href="#"><i class="iconfont icon-sousuo"></i>搜索</a></li>
                <li><a href="./shop.html"><i class="iconfont icon-gouwuche"></i>购物车<span>0</span>件</a></li>
                <li><a href="#"><i class="iconfont icon-dingdan"></i>我的订单</a></li>
                <li class="dao1"><a href="#"><i class="iconfont icon-yinle"></i>专属导购</a>
                    <!-- <div class="guide">
                    <h2>添加您的专属微信时尚顾问</h2>
                    <p>一对一售前售后专属服务</p>
                    <p>定期超级福利大放送</p>
                    <img src="./images/daoerweima.jpg" >
                    <p>打开微信“扫一扫”</p>
                      <p> 添加您的专属时尚顾问</p> 
                       <p> <span> 统一客服热线 </span>    
                        <span>400-862-8888</span> </p> 
                </div> -->
                </li>
                <li><a href="#">关注ONLY微信</a></li>
                <li><a href="#">手机购物</a></li>
            </ul>
        </div>
    </div>
    <div class="menu clearfix">
        <div class="common">
            <a href="./index.html"><img src="./images/logo.png" alt=""></a>
            <ul>
                <li><a href="#">首页</a></li>
                <li><a href="./list.html">春季新品</a></li>
                <li><a href="#">商场同款新降折扣</a></li>
                <li><a href="#">连衣裙</a></li>
                <li><a href="#">牛仔裤</a></li>
                <li><a href="#">针织衫</a></li>
                <li><a href="#">外套</a></li>
                <li><a href="#">IP合作款</a></li>
                <li><a href="#">会员中心</a></li>
            </ul>
        </div>
    </div>
    <div class="banner clearfix">
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="./images/banner1.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./images/banner2.jpg" alt=""></div>
                <div class="swiper-slide"><img src="./images/banner3.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!-- 如果需要滚动条 -->
            <!-- <div class="swiper-scrollbar"></div> -->
        </div>


    </div>
    <script src="./js/swiper-bundle.js"></script>

    <script>
        var mySwiper = new Swiper('.swiper', {
            autoplay: {
                delay: 3000
            },
            direction: 'horizontal', // 横向切换切换选项
            loop: true, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },

            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        })
    </script>
    <div class="content">
        <div class="content_top">


               <ul class="imgs"><!-- <li><a href="./xiangqingye.html"><img src="./images/content1.png" alt=""></a>
                <p>查看商品详情</p>
                </li>
                <li><a href="./xiangqingye.html"><img src="./images/content1.png" alt=""></a>
                    <p>查看商品详情</p>
                    </li>
                    <li><a href="./xiangqingye.html"><img src="./images/content1.png" alt=""></a>
                        <p>查看商品详情</p>
                        </li>
                        
                        <li><a href="./xiangqingye.html"><img src="./images/content1.png" alt=""></a>
                            <p>查看商品详情</p>
                            </li>
                            <li><a href="./xiangqingye.html"><img src="./images/content1.png" alt=""></a>
                                <p>查看商品详情</p>
                                </li> -->
            </ul>


        </div>
        <hr>
        <div class="content_bottom">
            <div class="left">
                <img src="./images/content_left.png" alt="">
                <p>Shop The Edit</p>
            </div>
            <div class="right">
                <ul>
                    <li><a href="./list.html"><img src="./images/cate-gorize_01.jpg" alt="">
                            <span>连衣裙</span></a></li>
                    <li><a href="./list.html"><img src="./images/cate-gorize_02.jpg" alt="">
                            <span>牛仔裤</span></a></li>
                    <li><a href="./list.html"><img src="./images/cate-gorize_03.jpg" alt="">
                            <span>T恤</span></a></li>
                    <li><a href="./list.html"><img src="./images/cate-gorize_04.jpg" alt="">
                            <span>薄针织</span></a></li>
                </ul>
                <ul>
                    <li><a href="./list.html"><img src="./images/cate-gorize_05.jpg" alt="">
                            <span>半身裙</span></a></li>
                    <li><a href="./list.html"><img src="./images/cate-gorize_06.jpg" alt="">
                            <span>西服·外套</span></a></li>
                    <li><a href="./list.html"><img src="./images/cate-gorize_07.jpg" alt="">
                            <span>衬衫·雪纺</span></a></li>
                    <li><a href="./list.html"><img src="./images/cate-gorize_08.jpg" alt="">
                            <span>休闲裤</span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <hr>
    <div class="footer">
        <div class="common">
            <div class="footer_top">
                <div class="main">
                    <div class="left">
                        <img src="./images/littlefooter1.png" alt="">
                        <p class="p1">用户服务协议及隐私政策</p>
                        <p class="p2">点击查看</p>
                    </div>
                    <div class="center">
                        <div class="imgs">
                            <ul>
                                <li>
                                    <img src="./images/footer1.jpg" alt="">
                                    <span>专属时尚顾问</span>
                                </li>
                                <li>
                                    <img src="./images/footer2.png" alt="">
                                    <span>小程序</span>
                                </li>
                                <li>
                                    <img src="./images/footer3.png" alt="">
                                    <span>官方微信</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="right">
                        <img src="./images/littlefooter2.png" alt="">
                        <p>售后服务热线</p>
                        <p>400-862-8888</p>
                        <p>服务时间：9:00-21:00</p>
                    </div>
                </div>
            </div>
            <hr>
            <div class="footer_bottom">
                <ul class="imgs">
                    <li><img src="./images/logo-footer.png" alt=""></li>
                    <li><img src="./images/logo-footer 2.png" alt=""></li>
                    <li><img src="./images/logo-footer 3.png" alt=""></li>
                </ul>
                <div class="ps">
                    <p>© 2013 Bestseller. All Rights Reserved</p>
                    <p><a href="#">
                            津公网安备12011402000594号</a></p>
                    <p>违法和不良信息举报电话：12377</p>
                    <p>津ICP备12007886号 -3(营业执照)</p>
                    <p>涉未成年人专用举报渠道</p>
                </div>
            </div>

        </div>

    </div>
    <script src="./js/ajax1.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>